import './index.less';
import { useState, useEffect } from 'react';
import { Dropdown, Space, Avatar, List, message, Descriptions } from 'antd';
import { DownOutlined } from '@ant-design/icons';
import { resourcePath } from '../../../../../../../../utils/resource';
import VirtualList from 'rc-virtual-list';
import { data } from 'browserslist';
import FetchHelper from '../../../../../../../../utils/helper/fetch-helper';
import JcyjApi from '../../../../../../../../utils/apis/JcyjApi';
export default function FhmbDetail(props) {
    const item = [{
        label: <span>滑坡</span>,
        key: '0'
    }];
    const fakeDataUrl = '';
    const ContainnerHeight = 700;
    const [datas, setDatas] = useState();
    const [total, setTotal] = useState();

    // const onScroll=(e)=>{
    //     if(e.currentTarget.scrollHeight-e.currentTarget.scrollTop===ContainnerHeight){
    //         fetchData();
    //     }
    // }

    return <>
        <div style={{
            width: 350,
            position: "absolute",
            right: 30,
            top: 30,
            bottom: 30,
            background: 'rgba(1,15,31,0.5)',
            overflow: "auto",
            borderRadius: 8
        }} className="layout-v">
            <div style={{
                fontSize: 20,
                fontWeight: "bold",
                marginBottom: 12
            }} className='layout-h center'>
                <div className='fill w0'>
                    <div style={{
                        background: `url(${resourcePath.blockTitleBg})`,
                        height: 36,
                        backgroundSize: '100% 100%',
                        fontSize: 18,
                        lineHeight: '36px',
                        paddingLeft: 12,
                        fontWeight: "bold",
                        overflow: "hidden"
                    }}>
                        {/* <Dropdown menu={{
                            item,
                            }} trigger={['click']}>
                            <a onClick={(e)=>e.preventDefault()}>
                            <Space>
                                滑坡
                                <DownOutlined />
                            </Space>
                            </a>
                        </Dropdown> */}
                        滑坡
                    </div>
                </div>
                <div className='fill h0  '>
                    {/* <List>
                        <VirtualList 
                        data={datas}
                        height={ContainnerHeight}
                        itemHeight={47}
                       >
                            {(item=>(
                                <List.Item>
                                    <List.Item.Meta />
                                    <div>{total}</div>
                                </List.Item>
                            ))}
                        </VirtualList>
                    </List> */}



                </div>
            </div>
        </div>
    </>
}